<template>
  <div>
    <app-header></app-header>
    <router-view
      v-loading="!initOver"
      data-mu-loading-color="secondary"
      data-mu-loading-overlay-color="rgba(0, 0, 0, .7)"
      class="app-container"></router-view>
    <p class="copy"><span class="noselect">Copyright © 2018-2018 DDLTECH.</span><span class="noselect">All rights reserved.</span><span class="noselect">陕ICP备18011800号.</span></p>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import AppHeader from '@/components/AppHeader'

export default {
  name: 'AppLayout',
  components: {
    AppHeader
  },
  computed: {
    ...mapGetters({
      initOver: 'initOver'
    })
  }
}
</script>

<style>
.app-container {
  position: relative;
  padding: 20px;
}
@media screen and (max-width: 600px) {
  .app-container {
    padding: 20px 0;
  }
}
.copy {
  font-size: 0.6em;
  text-align: center;
}
</style>
